<template>
	<view class="content">
		<u-navbar bgColor="#fff" :placeholder="true" :fixed="true" @leftClick="$back" title="屏蔽设置" titleStyle="{'color': '#000'}">
			
		</u-navbar>
		<view class="baibox">
			
		<!-- 	 <view class="baili" @click="$go('/pages/user/label')">
				<view class="txt">
					屏蔽标签
				</view>
				<view class="cenbox">
					<scroll-view scroll-x="true"  class="qianbox">
						<view class="qli" v-for="item in userInfo.user_tags">
							#{{item}}
						</view>
					</scroll-view>
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view> -->
			
			
			<view class="baili" @click="$go('/pages/user/pingbilist?type=1')">
				<view class="txt">
					屏蔽标签
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view> 
			
			<view class="baili" @click="$go('/pages/user/pingbilist?type=2')">
				<view class="txt">
					屏蔽用户
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view> 
			
			
			
		</view>
		
	
	</view>
</template>
<script>
	export default { 
		data() {
			return {
				userInfo: this.$db.get('userInfo'),
			
			}
		},
		onShow() {
			 this.getUserInfo()
		},
		onLoad() {
			
		},
		methods: {
			change(){},
			go_auth(){
				if(this.userInfo.is_auth==1){
					uni.navigateTo({
						url: '/pages/user/auth1'
					})
				}else{
					uni.navigateTo({
						url: '/pages/user/auth'
					})
				}
				
			},
			
			getUserInfo() {
				this.$api.default.request('user/userInfo').then((res) => {
					if (res.code) {
						this.userInfo = res.user
						this.index = res.user.sex?res.user.sex:0
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			
		}
	}
</script>

<style lang="scss">
	page {
		background: rgba(242, 245, 242, 1);
	}
	.content {
		padding-top: 20rpx;
		
		.baibox{
			background-color: #ffffff;
			padding: 0 30rpx;
			margin-bottom: 20rpx;
			.baili:last-child{
				border: none;
			}
			.baili{
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 120rpx;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);
				
				.txt{
					flex-grow: 1;
					font-size: 28rpx;
					font-weight: bold;
					letter-spacing: 0em;
					color: #3D3D3D;
					flex-shrink: 0;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.tip{
						font-size: 24rpx;
						font-weight:normal;
						color: #999999;
					}
				}
				.right{
					display: flex;
					align-items: center;
					.status{
						font-size: 28rpx;
						font-weight: normal;
						color: #999;
						margin-right: 20rpx;
					}
					.act{
						color: #45C4B0;
					}
				}
				.cenbox{
					flex-grow: 1;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					padding: 0 16rpx;
					.headpic{
						width: 80rpx;
						height: 80rpx;
						border-radius: 50%;
					}
					.centxt{
						font-size: 28rpx;
						font-weight: normal;
						text-align: right;
						letter-spacing: 0em;
						color: #999999;
						width: 440rpx;
					}
					.is_auth{
						color:#45C4B0;
					}
					.is_no_auth{
						color:#999;
					}
					.qianbox{
						text-align: right;
						width: 450rpx;
						white-space: nowrap;
						.qli{
							background: rgba(153, 153, 153, 0.1);
							padding: 3rpx 12rpx 4rpx 8rpx;
							border-radius: 178px;
							font-size: 24rpx;
							color: #3D3D3D;
							display: inline-block;
						}
						.qli:not(:first-child){
							margin-left: 16rpx;
						}
					}
				}
				.rarr{
					width: 40rpx;
					height: 40rpx;
					flex-shrink: 0;
				}
			}
		}
	
	}
</style>